﻿<!DOCTYPE html>
<html>
  <head>
    <title>时间轴 Timeline</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/____timeline/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/____timeline/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u3102" class="ax_default" data-label="背景">
        <div id="u3102_state0" class="panel_state" data-label="State1" style="">
          <div id="u3102_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u3103" class="ax_default" data-label="线条">
        <div id="u3103_state0" class="panel_state" data-label="State1" style="">
          <div id="u3103_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3104" class="ax_default _默认样式">
        <div id="u3104_div" class=""></div>
        <div id="u3104_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3105" class="ax_default _默认样式">
        <div id="u3105_div" class=""></div>
        <div id="u3105_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u3107" class="ax_default _默认样式">
        <img id="u3107_img" class="img " src="images/___icons/u605.png"/>
        <div id="u3107_text" class="text ">
          <p><span>Copyright © </span><a id="u3108" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3109" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u3110" class="ax_default _默认样式">
          <div id="u3110_div" class=""></div>
          <div id="u3110_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">对一系列信息进行时间排序时使用，可以使用纵向或横向的方式展示。扩展阅读文章：</span><a id="u3111" class="link"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">细节见真章！设计时间轴我学会的四件事</span></a><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">、</span><a id="u3112" class="link"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">20个创意惊人的时间轴展示网站设计</span></a></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3113" class="ax_default _默认样式">
          <div id="u3113_div" class=""></div>
          <div id="u3113_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3114" class="ax_default _默认样式">
        <div id="u3114_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3115" class="ax_default _默认样式">
        <div id="u3115_div" class=""></div>
        <div id="u3115_text" class="text ">
          <p><span>纵向时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3116" class="ax_default" data-left="188" data-top="312" data-width="267" data-height="303">

        <!-- Unnamed (Vertical Line) -->
        <div id="u3117" class="ax_default _默认样式">
          <img id="u3117_img" class="img " src="images/____timeline/u3117.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3118" class="ax_default _默认样式">
          <img id="u3118_img" class="img " src="images/____timeline/u3118.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3119" class="ax_default _默认样式 selected">
          <img id="u3119_img" class="img " src="images/____timeline/u3118.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3120" class="ax_default _默认样式">
          <div id="u3120_div" class=""></div>
          <div id="u3120_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">1976年</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">第一台苹果电脑Apple I问世</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3121" class="ax_default _默认样式">
          <div id="u3121_div" class=""></div>
          <div id="u3121_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">1984年</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">麦金塔电脑Macintosh发布</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3122" class="ax_default _默认样式 selected">
          <img id="u3122_img" class="img " src="images/____timeline/u3118.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3123" class="ax_default _默认样式">
          <div id="u3123_div" class=""></div>
          <div id="u3123_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2007年</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">第一代智能手机iPhone发布</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3124" class="ax_default _默认样式">
          <img id="u3124_img" class="img " src="images/____timeline/u3118.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3125" class="ax_default _默认样式">
          <div id="u3125_div" class=""></div>
          <div id="u3125_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2010年</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">第一代平板电脑iPad发布</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3126" class="ax_default _默认样式">
          <div id="u3126_div" class=""></div>
          <div id="u3126_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2011年10月5日</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">公司创始人史蒂夫·乔布斯去世</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3127" class="ax_default _默认样式">
          <img id="u3127_img" class="img " src="images/____timeline/u3118.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3128" class="ax_default" data-left="695" data-top="312" data-width="265" data-height="301">

        <!-- Unnamed (Vertical Line) -->
        <div id="u3129" class="ax_default _默认样式">
          <img id="u3129_img" class="img " src="images/____timeline/u3129.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3130" class="ax_default _默认样式">
          <img id="u3130_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u3130_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3131" class="ax_default _默认样式 selected">
          <img id="u3131_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u3131_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3132" class="ax_default _默认样式">
          <div id="u3132_div" class=""></div>
          <div id="u3132_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">发布1.0版本</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">自定义事件描述文字</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3133" class="ax_default _默认样式 selected">
          <img id="u3133_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u3133_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3134" class="ax_default _默认样式">
          <img id="u3134_img" class="img " src="images/____timeline/u3134.png"/>
          <div id="u3134_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3135" class="ax_default _默认样式">
          <div id="u3135_div" class=""></div>
          <div id="u3135_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">Jun.9</span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2015</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3136" class="ax_default _默认样式">
          <div id="u3136_div" class=""></div>
          <div id="u3136_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">发布2.0版本</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">自定义事件描述文字</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3137" class="ax_default _默认样式">
          <div id="u3137_div" class=""></div>
          <div id="u3137_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">Aug.20</span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2015</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3138" class="ax_default _默认样式">
          <div id="u3138_div" class=""></div>
          <div id="u3138_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">严重故障</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">自定义事件描述文字</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3139" class="ax_default _默认样式">
          <div id="u3139_div" class=""></div>
          <div id="u3139_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">Jan.19</span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2016</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3140" class="ax_default _默认样式">
          <div id="u3140_div" class=""></div>
          <div id="u3140_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">发布3.0版本</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">自定义事件描述文字</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3141" class="ax_default _默认样式">
          <div id="u3141_div" class=""></div>
          <div id="u3141_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">Feb.15</span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2016</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3142" class="ax_default _默认样式">
        <div id="u3142_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3143" class="ax_default _默认样式">
        <div id="u3143_div" class=""></div>
        <div id="u3143_text" class="text ">
          <p><span>横向时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3144" class="ax_default" data-left="170" data-top="992" data-width="801" data-height="116">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3145" class="ax_default _默认样式">
          <img id="u3145_img" class="img " src="images/____timeline/u3145.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3146" class="ax_default _默认样式">
          <img id="u3146_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u3146_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3147" class="ax_default _默认样式 selected">
          <img id="u3147_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u3147_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3148" class="ax_default _默认样式">
          <div id="u3148_div" class=""></div>
          <div id="u3148_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">发布1.0版本</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">自定义事件描述文字</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3149" class="ax_default _默认样式 selected">
          <img id="u3149_img" class="img " src="images/步骤条_steps/u2159.png"/>
          <div id="u3149_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3150" class="ax_default _默认样式">
          <img id="u3150_img" class="img " src="images/____timeline/u3134.png"/>
          <div id="u3150_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3151" class="ax_default _默认样式">
          <div id="u3151_div" class=""></div>
          <div id="u3151_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">Jun.9 </span><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2015</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3152" class="ax_default _默认样式">
          <div id="u3152_div" class=""></div>
          <div id="u3152_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">发布2.0版本</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">自定义事件描述文字</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3153" class="ax_default _默认样式">
          <div id="u3153_div" class=""></div>
          <div id="u3153_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">Aug.20 </span><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2015</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3154" class="ax_default _默认样式">
          <div id="u3154_div" class=""></div>
          <div id="u3154_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">严重故障</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">自定义事件描述文字</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3155" class="ax_default _默认样式">
          <div id="u3155_div" class=""></div>
          <div id="u3155_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">Jan.19 </span><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2016</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3156" class="ax_default _默认样式">
          <div id="u3156_div" class=""></div>
          <div id="u3156_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">发布3.0版本</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">自定义事件描述文字</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3157" class="ax_default _默认样式">
          <div id="u3157_div" class=""></div>
          <div id="u3157_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">Feb.15 </span><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2016</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3158" class="ax_default" data-left="193" data-top="841" data-width="752" data-height="94">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3159" class="ax_default _默认样式">
          <img id="u3159_img" class="img " src="images/____timeline/u3159.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3160" class="ax_default _默认样式">
          <img id="u3160_img" class="img " src="images/____timeline/u3118.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3161" class="ax_default _默认样式 selected">
          <img id="u3161_img" class="img " src="images/____timeline/u3118.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3162" class="ax_default _默认样式">
          <div id="u3162_div" class=""></div>
          <div id="u3162_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">1976年</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">第一台苹果电脑Apple I问世</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3163" class="ax_default _默认样式">
          <div id="u3163_div" class=""></div>
          <div id="u3163_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">1984年</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">麦金塔电脑Macintosh发布</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3164" class="ax_default _默认样式 selected">
          <img id="u3164_img" class="img " src="images/____timeline/u3118.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3165" class="ax_default _默认样式">
          <div id="u3165_div" class=""></div>
          <div id="u3165_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2007年</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">第一代智能手机iPhone发布</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3166" class="ax_default _默认样式">
          <img id="u3166_img" class="img " src="images/____timeline/u3118.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3167" class="ax_default _默认样式">
          <div id="u3167_div" class=""></div>
          <div id="u3167_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2010年</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">第一代平板电脑iPad发布</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3168" class="ax_default _默认样式">
          <div id="u3168_div" class=""></div>
          <div id="u3168_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">2011年10月5日</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">公司创始人史蒂夫·乔布斯去世</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3169" class="ax_default _默认样式">
          <img id="u3169_img" class="img " src="images/____timeline/u3118.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3170" class="ax_default _默认样式">
        <div id="u3170_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3171" class="ax_default _默认样式">
        <div id="u3171_div" class=""></div>
        <div id="u3171_text" class="text ">
          <p><span>使用示例</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3172" class="ax_default" data-left="84" data-top="1328" data-width="415" data-height="433">

        <!-- Unnamed (Vertical Line) -->
        <div id="u3173" class="ax_default line">
          <img id="u3173_img" class="img " src="images/____timeline/u3173.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3174" class="ax_default _默认样式">
          <img id="u3174_img" class="img " src="images/____timeline/u3174.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3175" class="ax_default _默认样式 selected">
          <img id="u3175_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3176" class="ax_default _默认样式">
          <div id="u3176_div" class=""></div>
          <div id="u3176_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">订单已签收，期待再次为您服务</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3177" class="ax_default _默认样式">
          <div id="u3177_div" class=""></div>
          <div id="u3177_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">到达目的地网点上海浦东公司，快件将很快进行派送</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3178" class="ax_default _默认样式 selected">
          <img id="u3178_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3179" class="ax_default _默认样式">
          <div id="u3179_div" class=""></div>
          <div id="u3179_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">在上海浦东公司进行发出扫描</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3180" class="ax_default _默认样式">
          <img id="u3180_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3181" class="ax_default _默认样式">
          <div id="u3181_div" class=""></div>
          <div id="u3181_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">在分拨中心上海浦东公司进行卸车扫描</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3182" class="ax_default _默认样式">
          <div id="u3182_div" class=""></div>
          <div id="u3182_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">在上海浦东进行下级地点扫描</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3183" class="ax_default _默认样式">
          <img id="u3183_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3184" class="ax_default _默认样式">
          <div id="u3184_div" class=""></div>
          <div id="u3184_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">订单付款成功</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3185" class="ax_default _默认样式">
          <div id="u3185_div" class=""></div>
          <div id="u3185_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">订单已提交，等待付款</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3186" class="ax_default _默认样式">
          <img id="u3186_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3187" class="ax_default _默认样式">
          <img id="u3187_img" class="img " src="images/步骤条_steps/u2391.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3188" class="ax_default" data-left="644" data-top="1334" data-width="412" data-height="433">

        <!-- Unnamed (Vertical Line) -->
        <div id="u3189" class="ax_default line">
          <img id="u3189_img" class="img " src="images/____timeline/u3173.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3190" class="ax_default _默认样式">
          <img id="u3190_img" class="img " src="images/____timeline/u3190.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3191" class="ax_default _默认样式 selected">
          <img id="u3191_img" class="img " src="images/____timeline/u3191.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3192" class="ax_default _默认样式">
          <div id="u3192_div" class=""></div>
          <div id="u3192_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">订单已签收，期待再次为您服务</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3193" class="ax_default _默认样式">
          <div id="u3193_div" class=""></div>
          <div id="u3193_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">到达目的地网点上海浦东公司，快件将很快进行派送</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3194" class="ax_default _默认样式 selected">
          <img id="u3194_img" class="img " src="images/____timeline/u3191.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3195" class="ax_default _默认样式">
          <div id="u3195_div" class=""></div>
          <div id="u3195_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">在上海浦东公司进行发出扫描</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3196" class="ax_default _默认样式">
          <img id="u3196_img" class="img " src="images/____timeline/u3191.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3197" class="ax_default _默认样式">
          <div id="u3197_div" class=""></div>
          <div id="u3197_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">在分拨中心上海浦东公司进行卸车扫描</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3198" class="ax_default _默认样式">
          <div id="u3198_div" class=""></div>
          <div id="u3198_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">在上海浦东进行下级地点扫描</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3199" class="ax_default _默认样式">
          <img id="u3199_img" class="img " src="images/____timeline/u3191.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3200" class="ax_default _默认样式">
          <div id="u3200_div" class=""></div>
          <div id="u3200_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">订单付款成功</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3201" class="ax_default _默认样式">
          <div id="u3201_div" class=""></div>
          <div id="u3201_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">订单已提交，等待付款</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#CCCCCC;">2017-04-01 12:00:00&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3202" class="ax_default _默认样式">
          <img id="u3202_img" class="img " src="images/____timeline/u3191.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3203" class="ax_default _默认样式">
          <img id="u3203_img" class="img " src="images/____timeline/u3191.png"/>
        </div>
      </div>
    </div>
  </body>
</html>
